/**
 * author vigo.feng@ndpmedia.com
 * date  2016-01-26 
 */


/* Container Appearance */

.daterangepicker {
    border-radius: 0;
}


/* Calendars */

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    border: 1px solid transparent;
}

.daterangepicker .calendar-table {
    border-radius: 0;
    background: #fff;
}

.daterangepicker table {
    border-collapse: separate;
}

.daterangepicker td,
.daterangepicker th {
    border-radius: 0;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off .start-date,
.daterangepicker td.off.end-date,
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #ccc;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: transparent;
    border: 1px solid #fd9611;
}

.daterangepicker td.off:hover,
.daterangepicker th.off:hover,
.daterangepicker td.active.off,
.daterangepicker td.active.off:hover {
    border-color: transparent;
}

.daterangepicker td.in-range {
    background: #fce3bc;
    border-radius: 0;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date,
.daterangepicker td.start-date.end-date {
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #fd9611;
    border-color: #fd9611;
    color: #fff;
}


/* Text Input Above Each Calendar */

.daterangepicker .input-mini.active {
    border: 1px solid #fd9611;
}


/* Time Picker */


/* Predefined Ranges */

.daterangepicker .ranges li {
    background: #fbe9cf;
    border: 1px solid #fbe9cf;
    color: #f37200;
    border-radius: 0;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #fd9611;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
}


/* range buttons */

.daterangepicker .applyBtn {
    background: #fbe9cf;
    border: 1px solid #fbe9cf;
    color: #f37200;
    border-radius: 0;
}

.daterangepicker .applyBtn:hover {
    background: #fd9611;
    border: 1px solid #fff;
    color: #fff;
}

.daterangepicker .cancelBtn {
    background: transparent;
    border: 1px solid #fd9611;
    color: #fd9611;
    border-radius: 0;
}

.daterangepicker .cancelBtn:hover {
    background: #f37200;
    border: 1px solid #f37200;
    color: #fff;
}


/*  Larger Screen Styling */


/* opensnxdc-mulitple */

.daterangepicker.opensnxdc-mulitple .daterangepicker_input {
    display: none;
}

.daterangepicker.opensnxdc-mulitple .ranges {
    float: none;
}

.daterangepicker.opensnxdc-mulitple .ranges ul {
    width: 100%;
    display: flex;
    justify-content: left;
    clear: both;
}

.daterangepicker.opensnxdc-mulitple .ranges ul li {
    margin-right: 10px;
    margin-bottom: 0;
}

.daterangepicker.opensnxdc-mulitple .ranges ul li:last-of-type {
    display: none;
}


/* opensnxdc-single */

.daterangepicker.opensnxdc-single .daterangepicker_input >:not(.calendar-time) {
    display: none;
}

.daterangepicker.opensnxdc-single .ranges {
    float: none;
}

.daterangepicker.opensnxdc-single .applyBtn {
    width: 100%;
}

.daterangepicker.opensnxdc-single .cancelBtn {
    display: none;
}
